*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*清楚间距*/

.clearfix:before,
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
.lfet{
    float: left;
}
.right{
    float: right;
}
/*左右浮动、清楚浮动*/

.container{
    width: 1550px;
    margin: 0 auto;
}
.row{
    margin-left: -15px;
    margin-right: -15px;
}
/*块元素水平方向居中*/

*::selection{
    background-color:lightblue;
    color: #ffffff;
}
/*字体划出效果*/







/*nav 样式 开始*/
nav{
    border-bottom: 1px solid #ebebeb;
}
nav a{
    font-weight: bold;
}
nav .nav-item:hover,
nav .active{
    border-bottom: 2px solid #4889f3;
}
nav .btn{
    background-color: #e3f3fe;
    border-radius: 30px;
    color: #3563d5;
}
nav .btn1{
    margin-left: 15px;
}
/*nav 样式 结束*/



/*banner 样式 开始*/
.banner .middle{
    border: 1px solid #ebebeb;
    position: relative;
}
.banner .middle .btn{
    position: absolute;
    top:28px;
    right: 64px;
    border-color: #060606;
    color: #383838;
}
.banner img{
    width: 100%;
    height: 100%;
}
/*banner 样式 结束*/








/*main 样式 开始*/
main img{
    width: 100%;
}
main .you .row{
    margin-left: 0;
    margin-right: 0;
}
/*主体左侧*/
main .zuo .btn{
    width: 100%;
    border: 1px solid #f0f0f0;
    border-radius: 0;
    padding: 10px 0;
}
main .zuo .btn:hover{
    background-color: #4889f3;
    color: #fff;
}
/*主体左侧*/

/*主体中间*/
main .zhong .m3 img{
    padding-top: 38px;
}
main .zhong .row .col-md-12 h4{
    color: #5889ec;
    font-weight: bolder;
}
main .zhong .row .col-md-8 p{
    font-size: 20px;
}
main .zhong .row .col-md-8 .btn{
    color: #999999;
    border-radius: 30px;
    background-color: #f0f0f0;
    font-size: 12px;
}
main .zhong .row .col-md-9 span,
main .zhong .row .col-md-3 span{
    font-size: 12px;
    color: #666666;
    cursor: pointer;
}
main .zhong .con{
    border-bottom: 1px solid #e6e6e6;
}
main .zhong .con .cj .btn{
    font-size: 12px;
    background-color: #f0f0f0;
    border-radius: 30px;
    color: #666666;
}
main .zhong .con .cj .col-md-9{
    padding-left: 30px;
}
main .zhong .con .col-md-12 p i,
main .zhong .con .col-md-8 p i{
    color: #e53935;
}
main .zhong .con .col-md-8 p .play{
    color: #42a5f5;
}
main .zhong .con .col-md-12 p{
    font-size: 18px;
    font-weight: 600;
}
main .zhong .row .col-md-12 .btn{
    background-color: #f0f0f0;
    color: #666666;
}
main .zhong .con2{
    border-bottom: none;
}
main .con .row .col-md-3{
    text-align: right;
}
/*主体中间*/

/*主体右侧*/
main .you h5{
    color: #4889f3;
    font-weight: bolder;
}
main .you .sidebar{
    background-color: #f7f8f9;
}
main .you .sidebar p{
    font-size: 14px;
}
main .you .sidebar .top{
    padding-top: 20px;
}
main .you .col-md-12 .btn{
    width:100%;
    border-top: 1px solid #eaeaea;
}
/*主体右侧*/
/*main 样式 结束*/


/*footer 样式 开始*/
footer{
    font-size: 12px;
    color: #000;
    text-align: center;
    margin-top: 284px;
}
footer a{
    color: #000;
}
footer .container a:hover{
    color: #42a5f5;
}
/*footer 样式 结束*/





/*响应式样式*/
@media (max-width: 600px) {
    .navbar .btn2{
        width:100%;
        margin-left: 7px;
        margin-top: 12px;
    }
    .banner .middle {
        padding-right:0;
    }
    .banner .middle .btn{
        top: 5px;
        right: 39px;
    }
    .banner .rt{
        padding-left: 0;
    }
    main .zuo{
        margin-left: 15px;
    }
    main .zhong .col-md-8{
        margin: 15px 15px 15px 0;
    }
    main .zhong .col-md-12 img{
        padding-top: 15px;
    }
    main .con .col-md-4{
        margin-right: 15px;
    }
    main .con .col-md-8 .row .col-md-3{
        text-align: center;
    }
    footer{
        margin-top: 55px;
    }
}